<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://displaytag.sf.net" prefix="display"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>

<div id="posts">
	<div class="post">
	<!-- ons ubm it ="return validateHabitacionForm(this);"  -->
		<html:form action="/habitacion-lista" >
		<input type="hidden" name="metodo" value="disponibles"/>
				
		<h2 class="title">Consutlar Habitaciones Disponibles</h2>
			<div class="story">
				<table width="500px" border="0" >
					<tr>
						<th width="150px">Tipo de habitacion</th>
						<td width="120px">
							<html:select property="idtipoHabitacion">
								<html:option value="">--Ninguno--</html:option>	
								<html:options collection="lstipohabitacion" labelProperty="nombre" property="idtipoHabitacion"  />
							</html:select>
						</td>
						<td width="250px">&nbsp;<font color="red"><html:errors property="idtipoHabitacion" header="empty"/></font></td>
					</tr>
					<tr>
						<th>Categoria:</th>
						<td>
							<html:select property="idcategoria">
								<html:option value="">--Ninguno--</html:option>
								<html:options collection="lstCategorias" labelProperty="nombre" property="idcategoria"  />
							</html:select>
						</td>
						<td>&nbsp;<font color="red"><html:errors property="idcategoria" header="empty"/></font></td>
					</tr>
					<tr>
						<th>Fecha desde</th>
						<td><html:text property="fecReserva" styleId="fecReserva" size="12" />
							<img src="images/cal.gif" alt="D&iacute;a/Mes/A&ntilde;o" width="16" height="16" border="0" id="triggerCal" />
							<script type="text/javascript">
								//var fechita = new Date();
								//fechota = fechita.getDate() + "/" + (fechita.getMonth()+1) + "/" + fechita.getFullYear();
								//document.forms[0].fecha_nacimiento.value = fechota;
								Calendar.setup({
									inputField     :    "fecReserva", // id del campo de texto
									ifFormat       :    "%d/%m/%Y",       // Formato de la Fecha
									showsTime      :    false,            // Flag para mostrar la Fecha
									button         :    "triggerCal",   // ID del elemento que llamara al calendario
									singleClick    :    true           // Flag Modo doble-click 
								});
							</script>
						</td>
						<td>&nbsp;<font color="red"><html:errors property="fecReserva" header="empty"/></font></td>
					</tr>
					<tr>
						<td colspan="3">
							<html:submit>Buscar</html:submit>
						</td>
					</tr>
				</table>
				
			<display:table  name="requestScope.lhabDispon" requestURI="hospedaje.do?metodo=listaHospedaje" class="displaytag" pagesize="10"
			defaultsort="1" defaultorder="ascending" sort="list" export="true" id="row" excludedParams="ajax" >
				<display:column title="# Habitacion" property="numero" sortable="true" headerClass="sortable" />
				<display:column title="Piso" property="piso" sortable="true" headerClass="sortable" />
				<display:column title="Tipo" property="tipohabitacion.nombre" sortable="true" headerClass="sortable" />
				<display:column title="Categoria" property="categoria.nombre" sortable="true" headerClass="sortable" />
			</display:table>
			
			</div>
			
		</html:form>
	</div>
</div>